<!DOCTYPE HTML>
<html>
<head>
    <title>订单</title>
    <meta charset="utf-8">
    <link type="image/x-icon" rel="shortcut icon" href="/favicon.ico">
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <!--[if lt IE 9]>
    <script src="../static/base/js/html5.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="../static/base/css/reset.css" media="screen">
    <link rel="stylesheet" href="../static/www/css/text.css" media="screen">
    <link rel="stylesheet" href="../static/base/css/960_24_col.css" media="screen">
    <link rel="stylesheet" href="../static/www/css/base.css" media="screen">
    <!--[if gte IE 6]>
    <link rel="stylesheet" href="../static/www/css/ie6.css" media="screen">
    <![endif]-->
    <script src="../static/base/js/jquery.1.6.1.min.js"></script>
    <script src="../static/base/js/jquery.validate.min.js"></script>
    <script src="../static/base/js/jquery.tablesorter.min.js"></script>
</head>
<body>
<nav id="site-nav">
    <div class="site-nav-content container_24">
        <!--登录前-->
        <p class="login=info">
            您好，欢迎来到海德科电子
            <a href="login.html">请登录</a>
            <a href="register.html">免费注册</a>
        </p>
        <!--登陆后-->
        <!--<p class="login=info">-->
        <!--您好，-->
        <!--<a href="login.html">user</a>-->
        <!--<a href="register.html">退出</a>-->
        <!--</p>-->
        <ul class="quick-menu">
            <li><a href="index.html">首页</a></li>
            <li><a href="">我的订单</a></li>
        </ul>
    </div>
</nav>
<header id=header>
    <div class="site-header container_24">
        <h1 id="logo"><a href=""><img src="../static/www/img/logo.jpg" alt="" width="150" height="60"></a></h1>

        <div id="search">
            <div class="search-panel clearfix">
                <form name="search" action="" id="SearchForm">
                    <div class="search-fields">
                        <label for="q" class=""></label>
                        <input type="text" accesskey="s" id="q" name="q" autofocus="true" autocomplete="off">
                    </div>
                    <button type="submit" class="search-submit">搜索配件
                    </button>
                </form>
            </div>
        </div>
    </div>
</header>
<nav id="product-nav">
    <div class="product-nav-content container_24">
        <ul class="main">
            <li><a href="" style="border-left: none;">首页</a></li>
            <li><a href="">产品展示</a></li>
            <li><a href="">库存查询</a></li>
            <li><a href="">客户留言</a></li>
            <li><a href="">在线订购</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</nav>

<!--说明-->
<div class="container_24 content_auto">
    <article>
        <p>如果您需要查找零件编号，请使用右上面的零件搜寻框</p>

        <p>如果您确切知道您想定购什么产品，请在下面填写数量、零件编号和可选的客户参考号，然后选择加入购物车。 </p>
    </article>
</div>

<!--加入购物车-->
<div class="container_24 content_auto">
    <article>
        <form action="">
            <table class="datatable" cellpadding="0" cellspacing="0">
                <tbody>
                <tr>
                    <th>数量</th>
                    <th>型号规格</th>
                    <th>&nbsp;</th>
                </tr>
                <tr>
                    <td><input type="text" name="" size="20" maxlength="9" value=""></td>
                    <td><input type="text" name="" id="" size="40"></td>
                    <td><input id="" type="submit" value="加入购物车"></td>
                </tr>
                </tbody>
            </table>
        </form>
    </article>
</div>
<!--购物车-->
<div class="container_24 content_auto">
    <article>
        <form action="">
            <table class="datatable" cellpadding="0" cellspacing="0">
                <thead>
                <tr>
                    <th>数量</th>
                    <th>型号规格</th>
                    <th>品牌</th>
                    <th>单价</th>
                    <th>金额</th>
                    <th width="70">编辑</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>SI4312-B10-GM</td>
                    <td>ABC</td>
                    <td>12.6</td>
                    <td>12.6</td>
                    <td><a href="">修改</a> | <a href="">删除</a></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>SI4312-B10-GM</td>
                    <td>ABC</td>
                    <td>12.6</td>
                    <td>12.6</td>
                    <td><a href="">修改</a> | <a href="">删除</a></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>SI4312-B10-GM</td>
                    <td>ABC</td>
                    <td>12.6</td>
                    <td>12.6</td>
                    <td><a href="">修改</a> | <a href="">删除</a></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>SI4312-B10-GM</td>
                    <td>ABC</td>
                    <td>12.6</td>
                    <td>12.6</td>
                    <td><a href="">修改</a> | <a href="">删除</a></td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="4"><input type="button" value="清空购物车"><input type="button" value="继续订购"><input
                            type="button" value="结算"></td>
                    <td colspan="2"><b class="total">总金额：123.00</b></td>
                </tr>
                </tfoot>
            </table>
        </form>
    </article>
</div>

<footer id="footer" class="clearfix">
    <div id="copyright">
        <p>Copyright © 深圳市海德科电子有限公司 保留所有权利 <a href="http://www.miibeian.gov.cn/">粤ICP备09181701号</a></p>

        <p>技术支持: <a href="">奇润网络科技</a></p>
    </div>
</footer>
</body>
</html>